<!DOCTYPE html>
<html>
<head>
  <title>CJQblog</title>
 <link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css">
  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
  <%= csrf_meta_tags %>
</head>
<body>
 <nav class="navbar navbar-default navbar-static-top" role="navigation">
   <div class="container page-header text-center">
      <h1 class="title-name">CJQ's Blog  <small>Welcome to my blog</small></h1>
   </div>
   <div class="container">
      <ul class="nav navbar-nav">
         <li class="active"><a href="#">Myblog</a></li>
         <li><a href="#">Blogs</a></li>
         <li><a href="#">Photos</a></li>
         <li><a href="#">About me</a></li>
         <li><a href="#">others</a></li>
      </ul>
   </div>
 </nav>
<div class="container">
  <%= yield %>
</div>
<footer>
  <p class="text-center">
    Copyright © 2014 - Xi Dian
  </p>
</footer>

</body>
</html>
